<div style="font-weight:bold;font-size:20px;margin-top: 20px;">${serialNumber}、岛内热点事件</div>
<div style="text-indent: 2em;font-size:20px;margin-top: 20px;line-height: 35px;">截至当前，岛内热点主题事件排名情况如下：</div>
<table id='table1' style="margin-top:15px;">
    <tr>
        <th>排行</th>
        <th>热点主题</th>
        <th>主题热度</th>
    </tr>
</table>

<script>
    (function () {

        $(document).ready(function () {
            // 一、岛内热点事件
            /*var dataTable1 = [
                {order: 1, theme: '海南人才引进落户政策', themeHot: '100'}
            ];*/
            var dataTable1 = ${hotEventList}
            $.each(dataTable1,function(index,item){
                var tr='<td>'+(index+1)+'</td>'+'<td>'+item.title+'</td>'+'<td>'+item.hot+'</td>';
                $("#table1").append('<tr>'+tr+'</tr>')
            });
        });
    })()
</script>
<style>
    table th, table td { border-bottom: 0.5px solid #999;border-right: 0.5px solid #999999; }
    table { border-top: 0.5px solid #999; border-left: 0.5px solid #999;width: 800px; line-height: 40px; text-align: center; border-collapse: collapse; padding:2px;margin: 0 auto;font-size: 20px;}
</style>